/* CSS Document */

.no-icon {
	display : none !important;
	background-image:url('ext/resources/images/default/s.gif') !important;
}

.Headerlogo {
  background: url("images/QRFAMiniSiteReverseSmall.png") no-repeat scroll 50% 10px transparent;
  display: block;
  height: 148px;
  text-indent: -9999px;
  width: 377px;
  background-color:#000000;
}

#loginForm .x-panel-header-text-container {
	text-align:center
	
}

.campaignDetailsCampaignName{
    color: #FB640C !important;
    font: 20px tahoma,arial,verdana,sans-serif;
	font-weight: bold;
	-moz-user-select: -moz-none;
    cursor: default;
}	

.x-grid-row-checker {
    background-position: 50% -2px;
    margin-left: 5px;
}

.x-grid-row .x-grid-cell-special {
    background-color: #1F2933;
    background-image: none;
    border-right: 1px solid #454545;
    padding: 0;
}
.qrDisplayPanel {
    background-color: #FFFFFF;
}

.qrDisplayPanelBody{ 
    background-color: #FFFFFF;
}

#app-header {
    color: #596F8F;
    font-size: 22px;
    font-weight: 200;
    padding: 8px 15px;
    text-shadow: 0 1px 0 #fff;
}
#app-msg {
    background: #D1DDEF;
    border: 1px solid #ACC3E4;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
}
.x-panel-ghost {
    z-index: 1;
}
.x-border-layout-ct {
    background: #DFE8F6;
}
.x-portal-body {
    padding: 0 0 0 8px;
}
.x-portal .x-portal-column {
    /* columns must have vertical padding to avoid losing dimensions when empty */
    padding: 8px 8px 0 0;
}
.x-portal .x-panel-dd-spacer {
    border: 2px dashed #99bbe8;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 10px;
}
.x-portlet {
    margin-bottom:10px;
    padding: 1px;
}
.x-portlet .x-panel-body {
    /* background: #fff; */
}
.portlet-content {
    padding: 10px;
    font-size: 11px;
}

#app-options .portlet-content {
    padding: 5px;
    font-size: 12px;
}
.settings {
    background-image:url(../shared/icons/fam/folder_wrench.png);
}
.nav {
    background-image:url(../shared/icons/fam/folder_go.png);
}
.info {
    background-image:url(../shared/icons/fam/information.png);
}

.inlineUrl:link {color:#FFFFFF;}      /* unvisited link */
.inlineUrl:visited {color:#FFFFFF;}  /* visited link */
.inlineUrl:hover {color:#ff5f19;}  /* mouse over link */
.inlineUrl:active {color:#FFFFFF;}  /* selected link */

.x-splitter-vertical {
    background-color: #333333;
    cursor: col-resize;
    font-size: 1px;
}

.x-layout-split-left {
    background: url("app/images/mini-left.gif") no-repeat scroll right top transparent;
}
.x-layout-split-right {
    background: url("app/images/mini-right.gif") no-repeat scroll right top transparent;
}
.x-splitter-collapsed .x-layout-split-left {
    background: url("app/images/mini-right.gif") no-repeat scroll left top transparent;
}
.x-splitter-collapsed .x-layout-split-right {
    background: url("app/images/mini-left.gif") no-repeat scroll left top transparent;
}

.nav1colour{color:#fb640c}
.nav1colour:link {color:#fb640c;}      /* unvisited link */
.nav1colour:visited {color:#fb640c;}  /* visited link */
.nav1colour:hover {color:#fb640c;}  /* mouse over link */
.nav1colour:active {color:#fb640c;}  /* selected link */


.qrDisplayPanelBody img {
    width: 100%;
    height: 100%;
}


#panel-1020 {
display:none;
}




 .u-section-1 {
  background-image: url("images/77143220e0ed2fc7fb6de2985a0a0605.png");
  background-position: 50% 50%;
}

.u-section-1 .u-sheet-1 {
  min-height: 705px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-1 .u-image-1 {
  width: 739px;
  min-height: 649px;
  height: auto;
  background-image: url("images/OrangeCircle.png");
  background-position: 50% 50%;
  margin: 28px auto;
}

.u-section-1 .u-container-layout-1 {
  padding-top: 0;
  padding-bottom: 30px;
}

.u-section-1 .u-image-2 {
  width: 200px;
  height: 200px;
  object-position: 99.11% 50%;
  margin: 0 auto;
}

.u-section-1 .u-text-1 {
  font-weight: 400;
  margin: 20px 20px 0;
}

.u-section-1 .u-text-2 {
  background-image: none;
  font-weight: 700;
  margin: 20px 20px 0;
}

.u-section-1 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  margin: 20px auto 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 651px;
  }

  .u-section-1 .u-image-1 {
    height: auto;
  }

  .u-section-1 .u-image-2 {
    margin-top: 12px;
  }

  .u-section-1 .u-text-1 {
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
  }

  .u-section-1 .u-text-2 {
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 652px;
  }

  .u-section-1 .u-image-1 {
    margin-top: 60px;
    margin-bottom: 60px;
    width: 100%;
  }

  .u-section-1 .u-container-layout-1 {
    padding-top: 30px;
  }

  .u-section-1 .u-image-2 {
    margin-top: 0;
  }

  .u-section-1 .u-text-1 {
    margin-left: 13px;
    margin-right: 13px;
  }

  .u-section-1 .u-text-2 {
    margin-left: 13px;
    margin-right: 13px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 563px;
  }

  .u-section-1 .u-image-2 {
    width: 150px;
    height: 150px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 3px;
    margin-left: 9px;
    margin-right: 9px;
  }

  .u-section-1 .u-text-2 {
    margin-left: 9px;
    margin-right: 9px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 600px;
  }

  .u-section-1 .u-image-1 {
    min-height: 431px;
    width: 500px;
    margin-left: -80px;
    margin-right: -80px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-1 .u-image-2 {
    width: 100px;
    height: 100px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 20px;
    margin-left: 60px;
    margin-right: 60px;
  }

  .u-section-1 .u-text-2 {
    margin-top: 67px;
    margin-left: 0;
    margin-right: 0;
  }
} .u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 362px;
}

.u-section-2 .u-group-1 {
  min-height: 362px;
  height: auto;
  margin-top: 0;
  margin-bottom: -84px;
}

.u-section-2 .u-container-layout-1 {
  padding: 0 60px;
}

.u-section-2 .u-text-1 {
  font-weight: 400;
  font-size: 3rem;
  margin: 34px 0 0;
}

.u-section-2 .u-text-2 {
  margin-top: 31px;
  margin-bottom: 0;
  font-size: 1.25rem;
  letter-spacing: 2px;
  font-weight: 700;
}

.u-section-2 .u-text-3 {
  margin-top: 20px;
  margin-bottom: 0;
  font-weight: 300;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 415px;
  }

  .u-section-2 .u-group-1 {
    margin-bottom: 60px;
    height: auto;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-2 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-3 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 550px;
  }

  .u-section-2 .u-group-1 {
    min-height: 490px;
    width: 675px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-1 {
    width: auto;
  }

  .u-section-2 .u-text-2 {
    width: auto;
  }

  .u-section-2 .u-text-3 {
    width: auto;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-group-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 490px;
  }

  .u-section-2 .u-group-1 {
    width: 340px;
    margin-bottom: 0;
  }
} .u-section-3 {
  background-image: none;
}

.u-section-3 .u-sheet-1 {
  min-height: 326px;
}

.u-section-3 .u-group-1 {
  min-height: 266px;
  height: auto;
  margin-top: 60px;
  margin-bottom: -89px;
}

.u-section-3 .u-container-layout-1 {
  padding: 0 60px;
}

.u-section-3 .u-text-1 {
  font-weight: 400;
  font-size: 3rem;
  margin: 0;
}

.u-section-3 .u-text-2 {
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .u-section-3 .u-sheet-1 {
    min-height: 331px;
  }

  .u-section-3 .u-group-1 {
    height: auto;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-3 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 420px;
  }

  .u-section-3 .u-group-1 {
    margin-bottom: 60px;
    min-height: 361px;
  }

  .u-section-3 .u-text-2 {
    width: auto;
    margin-left: 23px;
    margin-right: 23px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 360px;
  }

  .u-section-3 .u-group-1 {
    margin-bottom: 0;
  }
} .u-section-4 {
  background-image: none;
}

.u-section-4 .u-sheet-1 {
  min-height: 357px;
}

.u-section-4 .u-group-1 {
  min-height: 246px;
  height: auto;
  margin: 60px 0 0;
}

.u-section-4 .u-container-layout-1 {
  padding: 0 60px;
}

.u-section-4 .u-text-1 {
  font-weight: 400;
  font-size: 3rem;
  margin: 0;
}

.u-section-4 .u-text-2 {
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .u-section-4 .u-sheet-1 {
    min-height: 353px;
  }

  .u-section-4 .u-group-1 {
    margin-bottom: 110px;
    margin-right: initial;
    margin-left: initial;
    height: auto;
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-4 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-text-2 {
    width: auto;
    margin-left: 23px;
    margin-right: 23px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 243px;
  }

  .u-section-4 .u-group-1 {
    margin-bottom: 0;
    margin-right: initial;
    margin-left: initial;
  }
} .u-section-5 {
  background-image: none;
}

.u-section-5 .u-image-1 {
  min-height: 419px;
  background-image: url("images/5a60cfeb5eeac046c6e773eeb7c06964.png");
  background-position: 50% 50%;
}

@media (max-width: 1199px) {
  .u-section-5 .u-image-1 {
    min-height: 310px;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-image-1 {
    min-height: 280px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-image-1 {
    min-height: 155px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-image-1 {
    min-height: 160px;
    height: 150px;
    width: 340px;
    margin: 0 50px;
  }
} .u-section-6 {
  background-image: none;
}

.u-section-6 .u-sheet-1 {
  min-height: 391px;
}

.u-section-6 .u-group-1 {
  min-height: 331px;
  height: auto;
  margin-top: 60px;
  margin-bottom: -89px;
}

.u-section-6 .u-container-layout-1 {
  padding: 0 60px;
}

.u-section-6 .u-text-1 {
  font-weight: 400;
  font-size: 3rem;
  margin: 0;
}

.u-section-6 .u-text-2 {
  padding-left: 0;
  margin: 20px 260px 0 280px;
}

@media (max-width: 1199px) {
  .u-section-6 .u-sheet-1 {
    min-height: 420px;
  }

  .u-section-6 .u-group-1 {
    margin-bottom: 60px;
    height: auto;
  }

  .u-section-6 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-6 .u-text-2 {
    width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-group-1 {
    min-height: 363px;
  }

  .u-section-6 .u-text-1 {
    width: auto;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-sheet-1 {
    min-height: 360px;
  }

  .u-section-6 .u-group-1 {
    margin-bottom: 0;
  }

  .u-section-6 .u-text-2 {
    width: 320px;
  }
} .u-section-7 {
  background-image: none;
}

.u-section-7 .u-sheet-1 {
  min-height: 380px;
}

.u-section-7 .u-group-1 {
  min-height: 260px;
  height: auto;
  margin-top: 60px;
  margin-bottom: 60px;
}

.u-section-7 .u-container-layout-1 {
  padding: 0 60px 6px;
}

.u-section-7 .u-text-1 {
  font-weight: 400;
  font-size: 3rem;
  margin: 0;
}

.u-section-7 .u-text-2 {
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 0;
}

.u-section-7 .u-text-3 {
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .u-section-7 .u-group-1 {
    margin-bottom: 49px;
    height: auto;
  }

  .u-section-7 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-7 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-7 .u-text-3 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-7 .u-group-1 {
    min-height: 322px;
    width: 675px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-7 .u-text-1 {
    width: auto;
  }

  .u-section-7 .u-text-2 {
    width: auto;
  }

  .u-section-7 .u-text-3 {
    width: auto;
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-group-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-group-1 {
    width: 340px;
  }
} .u-section-8 {
  background-image: none;
}

.u-section-8 .u-sheet-1 {
  min-height: 156px;
}

.u-section-8 .u-group-1 {
  min-height: 106px;
  height: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

.u-section-8 .u-container-layout-1 {
  padding-left: 60px;
  padding-right: 60px;
}

.u-section-8 .u-text-1 {
  font-weight: 400;
  font-size: 3rem;
  margin: 0;
}

.u-section-8 .u-text-2 {
  margin-top: 20px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .u-section-8 .u-sheet-1 {
    min-height: 166px;
  }

  .u-section-8 .u-group-1 {
    margin-top: 30px;
    margin-bottom: -53px;
    height: auto;
  }

  .u-section-8 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-8 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-sheet-1 {
    min-height: 203px;
  }

  .u-section-8 .u-group-1 {
    margin-bottom: -16px;
  }

  .u-section-8 .u-container-layout-1 {
    padding-top: 0;
    padding-bottom: 6px;
  }

  .u-section-8 .u-text-1 {
    width: auto;
  }

  .u-section-8 .u-text-2 {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-sheet-1 {
    min-height: 235px;
  }

  .u-section-8 .u-group-1 {
    margin-bottom: 19px;
  }
} .u-section-9 {
  min-height: 634px;
}

.u-section-9 .u-layout-wrap-1 {
  margin-top: 0;
  margin-bottom: -16px;
}

.u-section-9 .u-layout-cell-1 {
  min-height: 635px;
}

.u-section-9 .u-container-layout-1 {
  padding: 0 60px;
}

.u-section-9 .u-form-1 {
  height: 615px;
  width: 616px;
  margin: 0 auto;
}

.u-section-9 .u-form-group-2 {
  margin-left: 0;
}

.u-section-9 .u-form-group-3 {
  margin-left: 0;
}

.u-section-9 .u-form-group-6 {
  margin-left: 0;
}

.u-section-9 .u-btn-1 {
  background-image: none;
  padding: 0;
}

.u-section-9 .u-btn-2 {
  letter-spacing: 0px;
  background-image: none;
  font-size: 1.25rem;
  text-transform: none;
  width: 100%;
  font-weight: 700;
  padding: 11px 0 12px;
}

@media (max-width: 1199px) {
   .u-section-9 {
    min-height: 523px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 524px;
  }

  .u-section-9 .u-form-1 {
    height: 566px;
    width: 567px;
  }
}

@media (max-width: 991px) {
   .u-section-9 {
    min-height: 99px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-layout-wrap-1 {
    margin-bottom: -22px;
  }

  .u-section-9 .u-form-1 {
    height: 615px;
    width: 470px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-layout-wrap-1 {
    margin-bottom: 0;
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-form-1 {
    height: 319px;
    width: 320px;
  }
}